/* CSS Document */
.app_header{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
}

@media screen and (max-width :1366px){
.box{
	width:1200px;
	margin:auto;
	min-width:1200px;
}

	

}

@media screen and (max-width :1250px){
body{ min-width:1100px;}
.box{ width:1100px; min-width:1000px;}


.kefu{ width:100px;}
.kefu .item a { padding:15px;}

.about .econtent .img{ width:480px;}

.about .econtent .img+.right{ margin-left:520px;}
.about .econtent .img+.right .hcontent{ margin-top:10px;}
.about .econtent .img+.right .more{ padding-top:10px;}
.about .econtent .img+.right .ys{}
.pinpai{ padding-top:20px; clear:both;}
.pro .econtent>.left .swiper-container,.pro .econtent>.left{min-height:550px; max-height:550px;}
.pro .econtent>.right .picli .img img{ min-height:220px; max-height:220px;}
/*#cms .proli .img img{  min-height:0px; max-height:220px;}*/
#cms .proli .img,
#cms .proli .img img{ min-height:12vw; max-height:12vw;}	
}
@media screen and (max-width :1150px){

body{ min-width:1000px;}
.box{ width:1000px;}

.news .left .hc .picli .img{ width:200px;}
.news .left .hc .picli .img img{ min-height:135px; max-height:135px;}
.news .left .hc .picli .img+.r{ margin-left:220px;}
.news .left .hc .picli .img+.r .dp{ max-height:3em;min-height:3em; overflow:hidden;}
.news .left .hc .picli:hover .img+.r{ margin-left:215px;}
.news .left .hc .picli .img + .r .mmore{ padding-top:5px;}

.news .title b { padding-left:30px; padding-right:30px;}
.lianxi .item > div { padding-top:10px; padding-bottom:10px;}
.lianxi .item > div .t3{ min-height:3em; line-height:1.5;}
}



@media screen and (max-width :816px){

#footnav{ display:block;}

.banner .box img{ width:160%; margin-left:-30%;}

.banner .box { width:100%; min-width:0px;}


#header,#nav{ display:none}


#cms1,#cms2,#cms {min-height:0px;}

blockquote{ margin-left:10px; margin-right:10px;}
blockquote blockquote{ padding:0px; margin:auto;}
body{ overflow-x:hidden;
}

*,body,.box1,.box{ min-height:0px; min-width:0px;}

#cms *,#cms1 *{ max-width:100%; min-height:0px;}
#cms,#cms1{min-height:0px;}
.app_rt a{ color:#FFFFFF}

.app_top{ display:block}


.app_header{ display:block}
.app_top{ height:52px; float:left; width:100%;}

#pages,#right,.box{ max-width:100%; min-height:0px;}
.app_header{display:block;
	padding:0px 0; width:100%; float:left;
	height:auto;
	overflow:hidden;
	position: fixed;
	z-index: 22;display:block; top:0px; left:0px; height:50px; background-color:#1263CE;
}

.box{ max-width:98%;}


.app_header .app_logo{ width:220px;  float:left; padding-top:5px; margin-left:5px;}
.app_header .app_logo img{ max-width:100%;max-height:40px;}
.app_header .morenav{ float:right; display:block; width:40px; height:40px; margin-top:5px; margin-right:10px; background-color:rgba(255,255,255,0.2); text-align:center; line-height:40px; font-weight:bold}

.app_header .nav{height: 0; overflow: hidden; -webkit-transition: all .2s ease-in; transition: all .2s ease-in;position:relative;z-index:2; border-top:none;}
.app_header .navon{height:72px;}

#menu ul li a>font{ display:none}


/*底部*/

/*内页*/


#left{ width:100%; margin-top:10px;}
#left .leftdh>ul>li{ float:left; width:50%;}
#left .leftdh>ul>li>a{ padding-left:20px;}
#left .leftdh>ul>li ul{ display:none}
#left .lxin,#left .tags{ display:none}
#left+#right{ width:100%; margin-top:10px;}

#right #cms{ margin-top:0;}
#cms1 h1.h1{ font-size:18px;}
#cms1 .content{font-size:14px;}


#cms1{ margin:0px; width:100%; position:relative;}


.flash .swiper-slide{ overflow:hidden;}
.flash .swiper-slide img{ width:100%; margin-left:0%;}



#cms,#cms1{ padding-bottom:0px;}

.nextpage>div{ float:left; width:100%; max-width:100%;}

#cms,#cms1{ margin-top:20px; padding:0;}
#cms .proli .img img,#cms .hli .img img,#cms .picli .img img{ width:100%;}
#cms .proli .img,#cms .proli .img img,#cms .hli .img { min-height:0; max-height:1000px;}

#cms .proli,#cms .picli,#cms .hli{ width:48%; margin-left:1%; margin-right:1%;}
#cms .proli:nth-child(3n+1),#cms .picli:nth-child(3n+1),#cms .hli:nth-child(3n+1){ clear:none;}
#cms .proli:nth-child(2n+1),#cms .picli:nth-child(2n+1),#cms .hli:nth-child(2n+1){ clear:both}
#cms .newsli .li .date{ display:none}
#cms .newsli .li .date + .right{ margin-left:auto;}
#cms .newsli .li .datei{ display:block}
#cms .newsli .li:hover .date +.right{ margin:auto;}
.leftnav > .box > ul > li > a{ padding-left:10px; padding-right:10px; font-size:14px}
#cms .jobli .title{ padding-top:10px;}
#cms .jobli .title .more { top:25px;}
#cms .jobli .title .more font{ display:none}

.contact .left,.message { width:100%; padding:10px; padding-bottom:30px; padding-bottom:30px; }
.contact .left .item{ line-height:20px; padding-top:15px; padding-bottom:15px;}
.contact .left .item.cp{ padding-bottom:30px;}
.contact .left+ .map{ clear:both; width:100%; max-height:200px;}
.message{ background-image:none;}
.message .etitle{ float:left; width:100%;}
.message .econtent{ clear:both; float:left; width:100%; padding-top:20px;}

.allcontent{}
.allcontent >dl{max-height:2000px;min-height:0px;}
.allcontent >dl >dd{width:100%;}
.allcontent > dl > dd > h3 { margin:auto;}
.allcontent >dl> dt{ width:100%; margin-top:10px;}
.allcontent >dl> dt img{ display:block}
.jiej{padding-top:20px; margin-top:20px;
}
.jiej >dl{ width:48%; margin-bottom:10px;  min-height:0px; padding-bottom:60px; max-height:4210px; margin-left:1%; margin-right:1%; }
.jiej >dl:nth-child(2n+1){ margin-left:1%; margin-right:1%;  clear:both; float:left;}
.jiej >dl >dt{ overflow:hidden;}
.jiej >dl >dt img{ width:100%;  min-height:0px;max-height:1000px;}

.aboutin .etitle{ line-height:1.5;}
.aboutin  .img{ width:100%; float:left;}
.aboutin .econtent .img + .right{ width:100%; padding-top:10px;}
#cms1 .jiej >dl> dd >.content{ max-height:6em; min-height:6em;}
.footnav{ padding-top:20px; padding-bottom:20px;}
.footnav .ul,.footnav .ul:before{ border:none;}
.footnav .ul>ul{ display:none}
.footnav .ul .qrcode{ text-align:center; width:100%;}
.lianxi{ position:relative; bottom:auto; left:auto;
	
}
.copy .box{ margin-top:0; padding-top:0; border:none;}
.copy .box>.fl,.copy .box>.fr{ width:100%; float:left; text-align:center;}
.copy .box>.fl{	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dddddd; padding-top:10px; margin-top:10px;}
.lianxi{ position:relative; margin-top:10px;}
.lianxi .item{border: 1px solid #dddddd;box-sizing:border-box;}
.lianxi .item1{ width:50%; position:absolute; top:0; left:0; bottom:auto;}
.lianxi .item1>div{ position:relative; bottom:auto
; left:auto; border:none;border-radius:0px; width:100%; margin:auto; min-height:165px; text-align:center; padding:0; padding-top:70px;	background-position: center 10px;box-sizing:border-box;}
.lianxi .fr{ width:100%;}
.lianxi .fr .item{ width:50%;}
.lianxi .fr:before{ content:''; float:left; height:100px; width:50%;}
.lianxi .fr .item>div{box-shadow:0 0 0 rgba(0,0,0,0); width:100%; margin:auto;box-sizing:border-box;}
.lianxi .item3,.lianxi .item4{ margin-top:-1px;}
.lianxi .item2,.lianxi .item4{ margin-left:-1px;}
.kefu{ width:80px; font-size:12px; display:none;}
.kefu .gotop .iconfont{ font-size:14px;}
.kefu .item a {
  padding: 10px;  padding-bottom:5px;
}
/*首页*/
.title2 .dp{ margin-bottom:20px; line-height:1.5; padding-left:10px; padding-right:10px;}
.title2 .etitle{ font-size:32px;}
.pro .econtent > .left,.pro .econtent > .left+.right{ width:100%;}
.pro .econtent > .left .swiper-container, .pro .econtent > .left {
  min-height: 0px;
  max-height: 1000px;
}
.pro .econtent > .left+.right{ margin-top:20px;}
.pro .econtent > .right .picli .img img {
  min-height: 0px;
  max-height: 220px;
}
.news .left,.news .right{ width:100%; clear:both;}
.news .right{ margin-top:50px;}
.news .econtent{ padding-top:0;}
.news .title{ margin-bottom:10px; line-height:38px;}

/*.news .title a{ background-image:none; font-size:14px;}*/
.news .hc{ padding-top:0;}
.news .right .title b{ background-color:#327BDA; color:#ffffff;}
.news .right .hc .li { margin:auto;}
.news .right .hc .li .date{ width:70px; top:10px;}
.news .right .hc .li .date b { font-size:20px; line-height:1.5;}
.news .right .hc .li .date span { font-size:16px; line-height:1.5;}
.news .right .hc .li .r { margin-right:80px;}
.news .right .hc .li a { padding:10px;}

span.tab_btn, .morei { line-height:28px; overflow:hidden; font-size:12px; font-family:Arial, Helvetica, sans-serif; border:1 solid #dddddd;border-radius:30px; margin-left:5px; margin-right:5px;}
span.tab_btn::after, span.tab_btn::before, .morei::after, .morei::before ,
span.tab_btn::after, span.tab_btn::before, .morei::after, .morei::before { display:none}

/*#cms .proli .img img,#cms .hli .img img,#cms .picli .img img{ width:100%;}
#cms .proli .img,#cms .proli .img img,#cms .hli .img { min-height:0; max-height:1000px;}*/

.case .econtent .picli{ width:48%; margin-left:1%; margin-right:1%;}
.case .econtent .picli:nth-child(3n+1){ clear:none;}
.case .econtent .picli:nth-child(2n+1){ clear:both}

.about .econtent .img{ float:left; width:100%;}
.about .econtent .img+.right{ margin:auto; width:100%; clear:both; padding:10px;box-sizing:border-box; padding-top:20px;}
.pro .tab > span > font{ padding:0; font-size:14px; line-height:45px;white-space: nowrap;background-position: -1000px;}
.pro .zixun .hcontent{box-sizing:border-box; padding:10px; bottom:auto; padding-left:60px; padding-right:60px; left:auto;}
.pro .zixun{ padding-bottom:0;}
.about .pinpai{ padding-bottom:0;}
.pro,.about,.case,.news,.case2{ padding-top:20px; padding-bottom:20px;}
.case .econtent{ padding-top:20px;}
.case .more,.case2 .econtent + .more{ padding-bottom:0; padding-top:20px;}
.news .left .hc .picli .img + .r, .news .left .hc .picli:hover .img + .r {box-sizing:border-box;  padding-left:10px; padding-right:10px;}

/*.about .econtent .img + .right .more{ text-align:center;}*/
.case2 .swiper-button-next {
  left: 0px;
}
.case2 .swiper-button-prev {
  right: 0px;
}
.case2 .swiper-button-next,.case2 .swiper-button-prev { width:40px; height:40px; line-height:40px;}
/*.pinpai .hc{ padding-left:50px; padding-right:50px;}*/
.pinpai .swiper-button-next {
  left: -20px; 
}
.pinpai .swiper-button-prev{
  right: 0px; 
}
.pro .zixun .hcontent .swiper-button-next, .pro .zixun .hcontent .swiper-button-prev{ width:30px; height:30px; line-height:30px;border: 1px solid #999;}
.pro .zixun .hcontent .swiper-button-next span, .pro .zixun .hcontent .swiper-button-prev span {
  font-size: 30px;
  
}
}
@media screen and (max-width :600px){
.leftnav > .box > ul > li > a > span{
	padding-left:0px;
	background-position: -1000px center;
}

}
@media screen and (max-width :500px){
.news .left .hc .picli .img{ width:100%;}
.news .left .hc .picli .img+.r,.news .left .hc .picli:hover .img+.r{ margin:auto; width:100%; clear:both; margin-top:10px; float:left;}
.news .left .hc .picli .img + .r .mmore > span{ padding-left:20px; padding-right:20px; font-size:14px;}
.news .left .hc .picli .img + .r .dp {
  max-height: 30em;
  min-height: 1em;
  overflow: hidden; color:#666666;
}
.news .left .hc .picli .img img {
  min-height: 0px;
  max-height: 1350px; width:100%;
}
.news .left .hc .picli { margin-bottom:10px; padding-bottom:0;}
.news .left .hc .li .date{ width:60px;}
.news .left .hc .li .date + .ntitle{ margin-left:70px;}
.newstj .econtent .li{ width:100%;}
}
@media screen and (max-width :450px){
#left .leftdh>ul>li>a{ font-size:14px}
.aboutin .etitle{ font-size:24px;}
.box{ min-width:320px;}
.about .hc .more{ display:block; padding-top:20px;}
.pinpai .tab a{ display:none}

.leftnav > .box > ul > li > a::before{ display:none;}
.leftnav{ padding-top:10px; padding-bottom:10px;}
.leftnav > .box > ul > li > a{border-radius:3px;
	border: 1px solid #dddddd;
	background-color: #FFFFFF; padding-left:10px; padding-right:10px; line-height:32px; margin:5px;
}
}

@media screen and (max-width :420px){
.news .title b{ padding-left:15px; padding-right:15px; margin-right:5px;}

.pro .zixun .h1{ font-size:32px;}
.pro .zixun .h2{ font-size:18px;}
.about .ys .item > span{ font-size:40px;}
.about .ys .item > font{ font-size:13px;}
}